<template>
	<view class="wrap">
		<!-- 没有银行卡的时候显示 -->
		<view class="no-card" v-if="total == 0">
			<view class="tips">仅限添加对公账户，添加后成员可提现至企业对公账户</view>
			<view class="card-icon">
        <i-icon icon="iconyinhangka" type="single" size="162rpx" color="#FBD220"></i-icon>
			</view>
			<view class="ps">
				暂未添加银行卡
			</view>
			<view class="add flex flex-jc-c flex-ai-c" @click="addAccount">
        <view class="btn">
          <u-icon name="plus" color="#333" size="34rpx"></u-icon>
            <text class="btn-text">添加</text>
        </view>
      </view>
		</view>

		<!-- 有银行卡显示 -->
		<view class="have-card" v-else>
			<view class="title">我的银行卡({{total}})</view>
			<view class="car-box">
				<view class="li" v-for="(item,i) in list" :key="i" :style="getStryle(item.name)">
					<view class="small-logo">
						<image :src="item.logo" mode="aspectFit"></image>
					</view>
					<view class="name">
						{{item.name}}
					</view>
					<view class="num">
						{{item.num}}
					</view>
					<view class="big-logo" v-if="getBgimg(item.name)">
						<image :src="getBgimg(item.name)"></image>
					</view>
				</view>

			</view>
      <view  class="add flex flex-jc-c flex-ai-c" @click="addAccount">
        <view class="btn">
          <u-icon name="plus" color="#333" size="34rpx"></u-icon>
          <text class="btn-text">添加</text>
        </view>
      </view>
		</view>


	</view>
</template>
<script src="./bankCardManagement.js"></script>
<style src="./bankCardManagement.scss" lang="scss"></style>
